export default {
    data() {
        return {
            meDatail:{ 
                "name": "f5l5y5", 
                "img": "img/wechat-cover.jpg",
                "wx":"微信号:fyl",
                "ico":"img/符号-右.png",
                "erwei":"img/二维码.png"
            },
            meList: [
                {
                    "name": "支付", 
                    "img": "img/支付.png",
                    "ico": "img/符号-右.png",
                    "btb":true
                },
                {
                    "name": "收藏", 
                    "img": "img/微信收藏.png",
                    "ico": "img/符号-右.png",
                    "bl":true
                },
                { 
                    "name": "相册", 
                    "img": "img/微信相册.png",
                    "ico": "img/符号-右.png",
                    "bl":true
                },
                {
                    "name": "卡包", 
                    "img": "img/微信卡包.png",
                    "ico": "img/符号-右.png",
                    "bl":true
                },
                {
                    "name": "表情", 
                    "img": "img/微信表情.png",
                    "ico": "img/符号-右.png",
                },
                {
                    "name": "设置", 
                    "img": "img/设 置.png",
                    "ico": "img/符号-右.png",
                    "btb":true
                }

            ]
        }
    },
    template: `
    <div class="me">
        <div class="self">
            <div class="left">
                <img :src="meDatail.img" alt="">
            </div>
            <div class="right" @click="toMeDetail('个人信息')">
                <h2>{{meDatail.name}}</h2>
                <div class="detail">
                    <div>{{meDatail.wx}}</div>
                    <div class="code">
                        <img :src="meDatail.erwei" alt="">
                        <span>></span>
                    </div>
                </div>
                <div class="status">
                    + 状态
                </div>
            </div>
        </div>


        <div class="me-content" v-for="item in meList" :class="{btb:item.btb}">
            <div class="left">
                <img :src="item.img" alt="">
            </div>
            <div class="right" :class="{bl:item.bl}">
                <span>{{item.name}}</span>
                <img :src="item.ico" alt="">
            </div>
        </div>
    </div>
    `,
    methods: {
        toMeDetail(title) {
            this.$router.push({
                path: '/myprofile',
                query: {
                    'title':title,
                }
            })
        }
    },

}
